* {
  padding: 0px;
  margin: 0px;
  box-sizing: border-box;
}

/* 清除滚动条 */
html,
body {
  width: 100%;
  height: 100%;
  background-color: #eee;
}


/*去除边框*/
fieldset,
img,
input,
button,
textarea {
  border: none;
  outline-style: none;
}

/*禁止表单域缩放*/
textarea {
  resize: none;
}

a {
  text-decoration: none;
  /* 取消链接点击时的高亮  */
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

/* 图片自适应 */
img {
  width: 100%;
  /*解决图片底部对其问题*/
  display: block;
  border: none;
}

ul,
ol {
  list-style: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  text-decoration: none;
  font-weight: normal;
  font-size: 100%;
}


/*清除浮动*/
.clearfix:before,
.clearfix:after {
  content: "";
  display: table;
}

.clearfix:after {
  clear: both;
}

/*单行溢出*/
.one-txt-cut {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

/*多行溢出*/
.txt-cut {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}



h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 500;
  font-size: 100%;
}

ul,
ol,
li {
  list-style: none;
}

a {
  text-decoration: none;
  -webkit-tap-highlight-color: transparent;
  -o-tap-highlight-color: transparent
}



*,
input,
textarea,
select {
  word-wrap: normal;
  border-radius: 0px;
}

input[type="search"] {
  -webkit-appearance: none;
}


input,
button,
select,
textarea {
  outline: none;
  background: none;
  border: none;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
  box-shadow: inset 0px 0px 0px 20px #101113;
  color: #fff;
  -webkit-text-fill-color: #fff;
}

input::-webkit-search-cancel-button {
  display: none;
}

textarea {
  overflow-y: visible;
  resize: none;
}

input {
  -webkit-appearance: none;
  /*去除input默认样式*/
}


/*公共样式*/

html,
body,
#app {
  width: 100%;
  height: 100%;
  overflow-x: hidden;
  position: relative;
  background: #F9F9FE;
}

#app {
  overflow-y: auto;
  font-family: "Avenir", Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  min-width: 880px;
  margin: auto;
  font-size: 14px;
  color: #606266;
}



/* flex */
.cenCen {
  display: flex;
  -webkit-display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
}

.cenLeft {
  display: flex;
  -webkit-display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
}

.cenRig {
  display: flex;
  -webkit-display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
}

.cenBet {
  display: flex;
  -webkit-display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}

.botLeft {
  display: flex;
  -webkit-display: flex;
  -webkit-align-items: flex-end;
  align-items: flex-end;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
}

.flex-wrap {
  flex-wrap: wrap;
}

.page-box {
  width: 100%;
  height: auto;
  min-height: 560px;
  padding: 16px;
  background: #ffffff;
  box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.07);
  border-radius: 8px;
}



.operation-box {
  width: 100%;
  height: auto;
  padding: 16px;
}

.operation-tit {
  width: auto;
  height: auto;
  color: #9c9eaf;
}

.operation-tit>span {
  font-size: 20px;
}

.table-box {
  width: 100%;
  height: auto;
}

.danageColor,
.error {
  color: #f56c6c !important;
}

.infoColor,
.info {
  color: #909399 !important;
}

.warningColor,
.warning {
  color: #e6a23c !important;
}

.successColor,
.success {
  color: #67c23a !important;
}






.el-table__header-wrapper>table>thead>tr>th,
.is-leaf {
  background: #F0F2F6 !important;
}

.textareaBorderNone>textarea {
  border: none !important;
  resize: none;
}
